<template>

    <div class="Content">DataSetA</div>
    <div class="ContentProp" v-if="State" :style="{
        borderLeft: '1px solid ' + token.colorBorderSecondary,
        borderRight: '1px solid ' + token.colorBorderSecondary,
        backgroundColor: token.colorBgContainer,
    }"></div>
</template>

<script setup>
import { theme } from 'ant-design-vue';
import { ref } from 'vue';
const { token } = theme.useToken();

const State = ref(false);

</script>

<style lang="less" scoped>
.Content {
    width: 100%;
    height: 100%;
    position: relative;
}

.ContentProp {
    margin: 0 0 0 -1px;
    position: absolute;
    width: 400px;
    top: 0;
    bottom: 0;
    left: 100%;
}
</style>